<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <title>主页</title>
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../css/font-awesome.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../css/AdminLTE.min.css">
  <link rel="stylesheet" href="../css/_all-skins.min.css">
  <!-- Morris chart -->
  <link rel="stylesheet" href="css/echart.css" />
  <link rel="stylesheet" type="text/css" href="../css/layer.css"/>
  <link rel="stylesheet" href="css/index.css"/>

  <script src="../js/jquery.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/echarts-all.js" ></script>
  <script src="../js/macarons.js"></script>
  <script src="../js/moment.min.js"></script>
  <script src="../js/adminlte.min.js"></script>
  <script src="../js/layer.js"></script>
  <script src="../js/jq.cookie.js"></script>
  <script src="js/change_password.js"></script>
  <script src="js/index.js"></script>
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
<div id="wrapper" class="wrapper">

  <div id="header"></div>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    

    <!-- Main content -->
           
    
    <section class="content" >
      <!-- Small boxes (Stat box) -->
      <div class="row nav-tabs-custom icon_style" style="box-sizing: border-box; border:solid  13px #ecf0f5;">
        <div class="box-header" style="height: 50px;">
              <i class="fa fa-th"></i>

              <h3 class="box-title">常规数据总览</h3>

        </div>
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
             

              <p><i class="fa fa-user-plus"></i>昨日注册<span>123</span></p>
            </div>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
            	<p><i class="fa fa-users"></i> 昨日活跃 <span>123</span></p>
            </div>
          </div>
        </div>
        <!-- ./col -->
         <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
							 
               <p><i class="fa fa-jpy" aria-hidden="true"></i>昨日收入<span>123</span></p>
            </div>
          </div>
        </div>
        <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
            	 <p><i class="fa fa-columns" aria-hidden="true"></i>昨日订单<span>123</span></p>
							
             
            </div>
          </div>
        </div>
        <!-- ./col -->
     
      <!-- /.row -->
      
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
               <p><i class="fa fa-eye" aria-hidden="true"></i>浏览商品<span>123</span></p>
             
            </div>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
            	<p><i class="fa fa-clock-o" aria-hidden="true"></i>访问次数<span>123</span></p>
							
              
            </div>
          </div>
        </div>
        <!-- ./col -->
         <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
								<p><i class="fa fa-vimeo-square" aria-hidden="true"></i>新增会员<span>123</span></p>
              
            </div>
          </div>
        </div>
        <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">

              <p><i class="fa fa-gg-circle" aria-hidden="true"></i>本周收入<span>123</span></p>
            </div>
          </div>
        </div>
        <!-- ./col -->
      </div>
      <!-- /.row -->
      <!-- Main row -->
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12 connectedSortable ">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="nav-tabs-custom ">
            <!-- Tabs within a box -->
            <div class="box-header">
              <i class="fa fa-th"></i>

              <h3 class="box-title">本周数据</h3>

              
            </div>
            <div class=" row">
              <!-- Morris chart - Sales -->
              <div class="row col-lg-6">
              	<div class="chart" id="my_chart2"></div>
              	<div class="increase_table ">
              		<table>
              			<thead>
              				<tr>
              					<th>日期</th>
              					<th>会员新增</th>
              					<th>注册新增</th>
              				</tr>
              			</thead>
              			<tbody class="incr1">
              				 
              			</tbody>
              		</table>
              	</div>
              </div>
              <div class="col-lg-6">
              	<div class=" chart "  id="my_chart"></div>
              	<div class="increase_table">
              		<table>
              			<thead>
              				<tr>
              					<th>日期</th>
              					<th>收入</th>
              				</tr>
              			</thead>
              			<tbody class="incr2">
              				 
              			</tbody>
              		</table>
              	</div>
              </div>
              
            </div>
          </div>

        </section>
   
      </div>
      <div class="row">
        <!-- Left col -->
        <section class="col-lg-12 connectedSortable ">
          <!-- Custom tabs (Charts with tabs)-->
          <div class="nav-tabs-custom ">
            <!-- Tabs within a box -->
            <div class="box-header">
              <i class="fa fa-th"></i>

              <h3 class="box-title">商品及订单</h3>

              
            </div>
            <div class="tab-content no-padding product">
              <div class="product_din">
              	<span class="act_border"><b class="b_text">204</b><br/>昨日入库</span>
              	<span><b class="b_text">204</b><br/>新增品类</span>
              	<span class="act_border"><b class="b_text">204</b><br/>总品类量</span>
              	<span><b class="b_text">204</b><br/>总库存量</span>
              </div>
              <div class="product_din2 ">
              	<div>
              		<span  class="act_border"><b class="b_text">204</b><br/>昨日订单</span>
	              	<span><b class="b_text">204</b><br/>新增订单</span><br />
	              	<span  class="act_border"><b class="b_text">204</b><br/>本周订单</span>
	              	<span><b class="b_text">204</b><br/>本月订单</span>
              	</div>
              	<div>
              		<img src="../img/QQ图片20180729190220.png" width="100"/><br />
              		<span>日增长23%</span>
              	</div>
              	
              </div>
           
            
              
            </div>
          </div>

        </section>
   
      </div>
   	
   	
   <!---->
    </section>
    <!-- /.content -->
  </div>
   
  <!-- /.content-wrapper -->
  <div id="footer"></div>
</div>

</body>
</html>
